<template>
  <div class="App">
    <h1 class="content">App组件</h1>
    <p>{{count}}</p>
    <!-- props的作用： -->
      <!-- 作用：主要是为了向子组件传递一些数据，用给子组件添加属性的方式传递，这样被称作为props传值 -->
  <Count :count="count" v-bind="news"/>
  </div>
</template>

<script>
import Count from '@/components/Count'
export default {
name:"App",
components:{
  Count,
},
data(){
  return{
    count:0,
    news:{
      imgUrl:"/01.ipg",
      title:"今天吃个",
      otherTitle:"鸡腿"
    }
  }
}
}
</script>

<style>

</style>